//停车费部分

@import '//at.alicdn.com/t/font_ssh09387m9pphkt9.css';

$blue: #75cbeb;
$green: #40cccd;


.parking{
    position: relative;
    display: flex;
    width: 100vw;
    height: 100vh;
    flex-direction:column;
    justify-content:space-between;
    box-sizing: border-box;

    .info{
        padding-top: .4rem;
        text-align: center; 
        box-sizing: box-sizing;

        .name{
            font-size: .18rem;

            span{
                margin-left: .2rem;
            }
        }

        .time{
            margin-top: .2rem;
            color: #aaa;
        }
    }

    .price{
        margin-top: -1rem;
        text-align: center;
        >p{
            margin-bottom: .25rem;
            font-size: .16rem;
        }
        h2{
            font-size: 1rem;
            font-weight: 200;
            color:#ff0000;
        }
    }

    .tips{
        margin-bottom: .7rem;
        font-size: .14rem;
        text-align: center;
        line-height: 1.2em;
        color: #888;
    }

    .bottom{
        display: flex;
        position: absolute;
        padding: .1rem .15rem;
        bottom: 0;
        width: 100%;
        height: .6rem;
        justify-content:space-between;
        box-sizing: border-box;

        >a{
            display: flex;
            justify-content:center;
            align-items: center;
            width: 48%;
            color: #fff;
        }
        
        .history-price{
            background: $green;
        }

        .pay{
            background: $blue;
        }

    }
}